<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .card{
            width: 275px;
            height: 153px;
        }
        .cover{
            width: 275px;
            height: 105px;
        }
        .title{
            font-size: 14px;
            height: 19px;
            line-height: 20px;
            color: #333333;
        }
        .shijian{
            width: 17px;
            height: 17px;
            /* vertical-align: middle; */
            vertical-align: -3px;
        }
        span{
            font-size: 12px;
            color: #999999;
            line-height: 17px;
           
        }
        .foot{
            height: 17px;
        }
    </style>
</head>
<body>
    <div class="card" >  
            <img class="cover" src="https://bufanweb3.oss-cn-beijing.aliyuncs.com/webdev/20200507144241.png" alt="">
            <p class="title" >前端培训/转行，必看指南！</p>
            <div class="foot" >
                <img class="shijian"  src="http://www.bufanui.com/pages/front/img/talk-icon.png" alt="">
                <span>2020年03月17日</span>
            </div>
</body>
</html>